<template>
  <div>
    <van-row>
      
    </van-row>
    <van-row>
      <van-col span="4"></van-col>
      <van-col span="20">
        <van-row>
          <van-col span="8">
          </van-col>
        </van-row>
        <!-- <com :data="grouplist" v-if="flag" /> -->
        <!-- <el-tree :data="grouplist" :props="defaultProps" @node-click="handleNodeClick" /> -->
      </van-col>
    </van-row>  
       <van-search
        v-model="value"
        placeholder="请输入组织名称"
        input-align="center"
      />
<van-col span="24"><headers/></van-col>
        <el-tree
            ref="tree"
            class="fiter-tree"
            :data="data"
            :props="defaultProps"
             default-expand-all
            :filter-node-method="filterNode"
            >
        </el-tree>


  </div>
</template>

<script>
// import {reactive,ref} from 'vue';

import axios from "axios";
export default {
  data(){
    return{
      value:"",
      data:[],
      defaultProps:{
        children:'children',
        label:"label",
        }
    }
  },
  methods:{
    getdept(){
      axios({url:'deptlist',method:"get"}).then(res=>{
        this.data=res.data.list
      })
    }
  },

  mounted(){
    this.getdept()
  },
  
 
}
</script>
<style>

</style>